<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="menu"></div> 
	</body>
</html>
<style>
	#menu{
		width: 600px;
		text-align: center;margin: 10px auto;
	}
	ul li{
		list-style: none;
		display: inline-block;
	}
	ul li a{
		display: block;
		width: 80px;
		color: #333333;
		text-align: center;
		text-decoration: none;
	}
</style>
<script>
	var menus = new Array("首页","学院概况","系统设置","教学科研","招生就业","中外合作","信息公开");
	var  str="<ul>";
	for (var i in menus) {
		str += "<li><a href=''>" + menus[i] + "</a></li>";
	}
	str+="</ul>";
	document.getElementById("menu").innerHTML=str;
</script>